<template>
  <div id="management">
    <div class="management_list">
      <el-timeline>
        <el-timeline-item timestamp="2018/4/12" placement="top">
          <el-card>
            <h4>更新 Github 模板</h4>
            <p>王小虎 提交于 2018/4/12 20:46</p>
            <div class="el-icon-edit form_edit" @click="formEdit">编辑</div>
            <div class="el-icon-delete form_delete" style="margin-left: 10px" @click="formDelete">删除</div>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/3" placement="top">
          <el-card>
            <h4>更新 Github 模板</h4>
            <p>王小虎 提交于 2018/4/3 20:46</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/2" placement="top">
          <el-card>
            <h4>更新 Github 模板</h4>
            <p>王小虎 提交于 2018/4/2 20:46</p>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
</template>

<script>
export default {
  name: "Management",
  data() {
    return {}
  },
  methods: {
    formEdit() {
      console.log("修改")
    },
    formDelete(){
      console.log("删除")
    }
  }
}
</script>

<style lang="less" scoped>
#management {
  width: 100%;
  height: 100%;

  .management_list {
    .form_edit{
      cursor: pointer;
    }
    .form_edit:hover{
      color: #0077aa;
    }
    .form_delete{
      cursor: pointer;
    }
    .form_delete:hover{
      color: #0077aa;
    }
  }
}
</style>
